<template>
<div class="page">
    <tableVue :data="tableData" :type="type"/>
</div>
</template>
<script setup lang="ts">
import { reactive } from "vue";
import tableVue from "../components/table.vue"
interface User {
    date: string
    name: string
    address: string
}
let type =[
    {prop:"date",label:"日期",qqt:"111"},
    {prop:"name",label:"姓名"},
    {prop:"address",label:"地址"},
] 
const tableData:User[] = reactive([
    {
      date: '2016-05-03',
      name: 'Tom1',
      address: 'No. 189, Grove St, Los Angeles',
    },
    {
      date: '2016-05-02',
      name: 'Tom2',
      address: 'No. 189, Grove St, Los Angeles',
    },
    {
      date: '2016-05-04',
      name: 'Tom3',
      address: 'No. 189, Grove St, Los Angeles',
    },
    {
      date: '2016-05-01',
      name: 'Tom4',
      address: 'No. 189, Grove St, Los Angeles',
    },
  ])
</script>

<style scoped lang="less">

</style>